<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>1-1 document.write()和document.getElementById()</title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
</head>

<body>
<div align="center">
<p><a href="../index.php#js" class="fontSize" title="点击进入该目录">目录</a></p>

<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>

<script type="text/javascript">
document.write("hello");    //1.输出内容为“hello”。
    document.getElementById("p2").style.color="red";    //将第二段文字的颜色设置成红色的。
    //document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。可列出多个参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中。常用来网页向文档中输出内容。
    //document.getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
</script>
</div>
</body>
</html>